<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/Site/static/logo/32x32.png">

    <title>The feature is developing</title>

    <!-- Bootstrap core CSS -->
    <link href="/Site/static/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <style>
        /*
         * Globals
         */

        /* Links */
        a,
        a:focus,
        a:hover {
            color: #fff;
        }

        /* Custom default button */
        .btn-secondary,
        .btn-secondary:hover,
        .btn-secondary:focus {
            color: #333;
            text-shadow: none; /* Prevent inheritance from `body` */
            background-color: #fff;
            border: .05rem solid #fff;
        }

        /*
         * Base structure
         */

        html,
        body {
            height: 100%;
            background: url("https://picsum.photos/1920/1080") no-repeat center;
        }

        body {
            display: -ms-flexbox;
            display: flex;
            color: #fff;
            text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
            box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
        }

        .cover-container {
            height: 100%;
            max-width: 80em;
            text-align: center;
        }

        /*
         * Header
         */
        .masthead {
            margin-bottom: 2rem;
        }

        .masthead-brand {
            margin-bottom: 0;
        }

        .nav-masthead .nav-link {
            padding: .25rem 0;
            font-weight: 700;
            color: rgba(255, 255, 255, .5);
            background-color: transparent;
            border-bottom: .25rem solid transparent;
        }

        .nav-masthead .nav-link:hover,
        .nav-masthead .nav-link:focus {
            border-bottom-color: rgba(255, 255, 255, .25);
        }

        .nav-masthead .nav-link + .nav-link {
            margin-left: 1rem;
        }

        .nav-masthead .active {
            color: #fff;
            border-bottom-color: #fff;
        }

        @media (min-width: 48em) {
            .masthead-brand {
                float: left;
            }

            .nav-masthead {
                float: right;
            }
        }

        /*
         * Cover
         */
        .cover {
            padding: 0 1.5rem;
        }

        .cover .btn {
        {#padding: .75rem 1.25rem;#} font-weight: 700;
        }
    </style>

    <script src="/Site/static/js/jquery-3.3.1.js"></script>
    <script>
        $(document).ready(function () {
            $.get("/api/utils/img_url/1920/1080", function (data, status) {
                $("body").attr("style", "background: url(" + data + ")");
            });
        });
    </script>
</head>

<body class="text-center">

<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">

    <header class="masthead mb-auto">
        <div class="inner">
            <h3 class="masthead-brand">Wait for developing..</h3>
            <nav class="nav nav-masthead justify-content-center">
                <a class="nav-link active" href="/">Back to home page</a>
            </nav>
        </div>
    </header>

    <main role="main" class="inner cover">
        <h1 class="cover-heading">We are working for it.</h1>
        <p class="lead">
            We are very sorry to tell you that the feature you try to visit is still in developing. please wait for it to be released, enjoy your journal with PassNote!
        </p>
        <p class="lead">
            <a href="/" class="btn btn-secondary">Learn more</a>
        </p>
    </main>

    <footer class="mastfoot mt-auto">
        <div class="inner">
            <p>Features for <a href="https://passnote.deali.cn/"><b>PassNote</b></a>, by <a href="https://blog.deali.cn"><b>DealiAxy</b></a>.</p>
        </div>
    </footer>
</div>


<script src="/Site/static/js/popper.js"></script>
<script src="/Site/static/js/bootstrap.js"></script>
</body>
</html>
